<template>
  <div class="sustainable-development">
    <el-scrollbar max-height="700px" noresize>
      <MainTitle>可持续发展</MainTitle>
      <Paragraph>
        是指在满足当代人需求的同时，不损害后代人满足其需求的能力的发展模式。这一概念最早由世界环境与发展委员会（WCED）在1987年的《我们共同的未来》报告中提出。
      </Paragraph>

      <Subheading>可持续发展通常基于三个主要支柱：</Subheading>
      <Paragraph>
        经济可持续性：确保经济增长和繁荣，同时减少贫困和不平等。
        <br />
        社会可持续性：促进社会公正、健康和福祉，保障人权和教育。
        <br />
        环境可持续性：保护自然环境，减少污染和资源耗竭，维护生态平衡。
      </Paragraph>

      <Title id="1">怎么减少碳排放？</Title>
      <Subheading>国家层面</Subheading>
      <Paragraph>
        确保当前和未来世代之间的公平，以及不同国家和地区之间的公平。
        <br />
        采取预防措施，避免潜在的环境和社会风险。
        <br />
        鼓励社会各界广泛参与决策过程，增强透明度和问责制。
      </Paragraph>

      <Subheading>个人层面</Subheading>
      <Paragraph>
        选择环保产品和服务，减少资源消耗和污染。
        <br />
        采取节能措施，减少能源和水资源的使用。
        <br />
        参与环保活动，倡导可持续生活方式。
      </Paragraph>

      <Subheading>企业层面</Subheading>
      <Paragraph>
        采用环保技术和生产方式，减少对环境的影响。
        <br />
        承担社会责任，参与公益事业，改善社区环境。
        <br />
        建立可持续的供应链，确保原材料和产品的环保性。
      </Paragraph>

      <Title id="2">面临着什么的挑战？</Title>
      <Paragraph>
        全球资源日益紧张，需要更加高效和可持续地利用资源。
        <br />
        空气、水和土壤污染问题依然严重，需要加强治理和保护。
        <br />
        全球变暖带来极端天气和自然灾害，需要采取紧急行动应对。
      </Paragraph>
      <Image img="../../../assets/science/recycle-two.jpg" des="图5 可持续发展" />

      <Title id="3">实践方法</Title>
      <Paragraph>
        推广低碳、资源高效和环境友好的经济模式。
        <br />
        鼓励技术创新和绿色发展，提高资源利用效率。
        <br />
        提供高质量的教育和培训，提高人口素质和技能。
        <br />
        确保经济增长惠及所有人群，减少贫困和不平等。
        <br />
        改善公共卫生和医疗服务体系，提高人民健康水平。
        <br />
        建立健全的社会保障体系，保障弱势群体的基本生活需求。
        <br />
        合理利用和管理自然资源，减少资源浪费和污染。
        <br />
        保护生物多样性，恢复受损生态系统，防止生态退化。
        <br />
        减少温室气体排放，适应气候变化的影响，提高气候韧性。
      </Paragraph>

      <Title id="4">联合国可持续发展目标有什么？</Title>
      <Subheading>
        2015年，联合国通过了17个可持续发展目标，涵盖了经济、社会和环境各个领域，旨在到2030年实现全球可持续发展。
      </Subheading>
      <Paragraph>
        哥本哈根致力于成为世界上第一个碳中和城市，通过大力发展可再生能源、绿色交通和智能城市技术，显著减少了碳排放。
        <br />
        新加坡通过高效的水资源管理和城市绿化，实现了高度的环境可持续性，被誉为“花园城市”。
        <br />
        哥斯达黎加通过保护森林、发展生态旅游和推广可再生能源，实现了经济和环境的双重收益。
      </Paragraph>

      <div class="left-and-right">
        <LeftOrRightButton
          :obj="{
            direction: 1,
            text: '什么是零废弃',
            path: '/science/zerowaste',
          }"
        ></LeftOrRightButton>
        <LeftOrRightButton
          :obj="{
            direction: 0,
            text: '为什么发展电车？',
            path: '/science/tramwaypolicy',
          }"
        ></LeftOrRightButton>
      </div>
    </el-scrollbar>

    <!-- 侧栏导航 -->
    <AsideNavigation>
      <div class="main-title">可持续发展</div>
      <a href="#1">怎么减少碳排放？</a>
      <a href="#2">我们现在面临什么发展挑战？</a>
      <a href="#3">如何进行实践？</a>
      <a href="#4">联合国可持续发展目标有什么？</a>
    </AsideNavigation>
  </div>
</template>

<script setup>
import MainTitle from '../components/MainTitle.vue'
import Title from '../components/Title.vue'
import Paragraph from '../components/Paragraph.vue'
import Subheading from '../components/Subheading.vue'
import AsideNavigation from '../Layout/AsideNavigation.vue'
import LeftOrRightButton from '../components/LeftOrRightButton.vue'
import Image from '../components/Image.vue'
</script>

<style less="scss">
.sustainable-development {
  display: flex;

  .introduce {
    width: 40%;
    background-color: #e6f6e6;
    padding: 5px 0 5px 10px;
  }

  .left-and-right {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 150px;
  }
}
</style>
